/* Redefined Tags -----------------------------------------------------------------  */
body { 	background:#f0f0f0; font-size:95%; font-family:Arial, Helvetica, sans-serif; color:#484848; margin:0; padding:0 }
img { border:0 }
h1, h2, h3, h4 { margin:0; padding:0 }
a { color:#000; text-decoration:none }
a:hover { color:#506b98 }



/* Main Structure ----------------------------------------------------------------- */
#Main { width:970px; margin:0 auto }
#Header { }
#Main_Tabs { height:86px; padding:2px 0 0 0 }
#Content { background:#FFF }
#Content_end { background:url(../images/bottom_container.gif) no-repeat top; height:10px}
#Footer { padding:20px 0 40px 0 }



/* Header ----------------------------------------------------------------- */
#Logo { background:url(../images/MBDS_indsha_logo.gif) no-repeat; width:408px; height:40px; margin:25px }
#User { font-weight:bold; text-align:right; padding:5px 0 0 0 }
#Logout { font-size:0.8em; font-style:italic; text-align:right }
#Date { font-size:1.1em; font-weight:bold; text-align:right; color:#4889a2; padding:25px 0 0 0 }



/* Main Tabs ----------------------------------------------------------------- */
.view { background:url(../images/tabs_main_back.gif) no-repeat top }
.report { background:url(../images/tabs_main_back.gif) no-repeat 0 -118px }
#Popup_buttons { padding:30px 0 0 20px }
#Popup_buttons div{ margin-right:8px }

ul#countries  { margin: 30px 0 0 20px; padding: 0; float:left }
ul#countries li { background:url(../images/b_countries.png) no-repeat top; display:block; width:168px; height:42px; margin: 0; padding: 0; list-style: none; position: relative; }
ul#countries li:hover { background:url(../images/b_countries.png) no-repeat bottom; display:block; width:168px; height:42px; display: block; cursor:pointer }
ul#countries li div { background: url(../images/back_popup_countries.png) no-repeat; padding: 15px 0; position: absolute; left:-10px; top:35px; display: none; width: 967px; height:332px; z-index:2000; }
ul#countries li:hover div { display: block } /*--Show subnav on hover--*/
ul#countries li div a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#countries li div a:hover {text-decoration: underline;}

ul#diseases  { margin: 30px 0 0 8px; padding: 0; float:left }
ul#diseases li { background:url(../images/b_diseases.png) no-repeat top; display:block; width:168px; height:42px; margin: 0; padding: 0; list-style: none; position: relative; }
ul#diseases li:hover { background:url(../images/b_diseases.png) no-repeat bottom; display:block; width:168px; height:42px; display: block; cursor:pointer }
ul#diseases li div { background: url(../images/back_popup_diseases.png) no-repeat; padding: 15px 0; position: absolute; left:-10px; top:35px; display: none; width: 731px; height:304px; z-index:2000; }
ul#diseases li:hover div { display: block; } /*--Show subnav on hover--*/
ul#diseases li div a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#diseases li div a:hover {text-decoration: underline;}


/* Mapa ----------------------------------------------------------------- */
#Mapa { padding:40px 35px }
#olmap { height:250px; width:900px; margin:0; padding:0; z-index:0; border:1px solid #999 }
#visualization { width:900px; height:200px; margin-left:35px }


/* Report Tabs ----------------------------------------------------------------- */
#Tab_View, #Tab_Report { width:50%; font-size:1.4em; font-weight:bold; text-align:center; text-transform:uppercase; color:#d7f4f8 }
#Tab_View a, #Tab_Report a { color:#acadad }
#Tab_View a:hover, #Tab_Report a:hover { color:#fff }
#Tab_daily span {background:url(../images/tab_daily.gif) no-repeat top; display:block; width:147px; height:33px; margin:17px 0 0 15px }
#Tab_daily a span {background:url(../images/tab_daily.gif) no-repeat bottom }
#Tab_daily a:hover span {background:url(../images/tab_daily.gif) no-repeat 0 -38px }
#Tab_weekly span {background:url(../images/tab_weekly.gif) no-repeat top; display:block; width:147px; height:33px; margin:17px 0 0 0 }
#Tab_weekly a span {background:url(../images/tab_weekly.gif) no-repeat bottom }
#Tab_weekly a:hover span {background:url(../images/tab_weekly.gif) no-repeat 0 -38px }
#Tab_monthly span {background:url(../images/tab_monthly.gif) no-repeat top; display:block; width:147px; height:33px; margin:17px 0 0 0 }
#Tab_monthly a span {background:url(../images/tab_monthly.gif) no-repeat bottom }
#Tab_monthly a:hover span {background:url(../images/tab_monthly.gif) no-repeat 0 -38px }
#Tab_quarterly span {background:url(../images/tab_quarterly.gif) no-repeat top; display:block; width:147px; height:33px; margin:17px 0 0 0 }
#Tab_quarterly a span {background:url(../images/tab_quarterly.gif) no-repeat bottom }
#Tab_quarterly a:hover span {background:url(../images/tab_quarterly.gif) no-repeat 0 -38px }



/* Cross Border Selection Pull Down ----------------------------------------------------------------- */
#XBorder { margin:0 0 0 0; position:absolute; z-index:100; color:#6B6B6B  }
#XBorder select { font-size:0.8em}



/* Report Submit Section ----------------------------------------------------------------- */
#Report_container_top { padding:0 20px; position:relative; height:34px }
#References { font-size:0.8em; margin:2px 20px 0 0}
#Title_disease { font-size:1.5em; color:#999; text-align:center; position:absolute; width:100%; padding:5px 0 0 0; z-index:90 }
#Submit_report { position:absolute; right:20px; z-index:101 }


/* Report Diseases ----------------------------------------------------------------- */
#Diseases_report { padding:10px 0; font-weight:bold }
#Diseases_report a{ font-weight:normal }



/* Period Selection ----------------------------------------------------------------- */
#Period_selection { font-size:0.8em; font-weight:bold; margin:0 0 0 15px }



/* Calendar ----------------------------------------------------------------- */
#Period_title { text-align:center }
#Period_title.left { padding:70px 20px 0 15px }
.daily_inputs { text-align:center }
.daily_inputs input { margin:0 2px }
.weekly_inputs { margin-left:4px }
.weekly_inputs input { margin:0 3px }
.montly_period {  }
.quarterly_period { }
.quarterly_period table { padding:0 4px 5px 4px }
.quarterly_period table th.title_month { padding-top:4px }
#Comments { font-size:0.8em; font-weight:bold; margin:0 0 0 15px }


/* Tables ----------------------------------------------------------------- */
#Diseases_report  { text-align:center; font-size:0.8em; white-space:nowrap }
#Diseases_report span { display:block }
#Diseases_report table { width:100% }
.diseases_container table td { background:#ecf2ea; padding:2px }

.daily_diseases { background:#ecf2ea }
.daily_diseases td { width:11%; padding:2px }
.daily_diseases.on{ background:#f9d1d1 }

.weekly_diseases td { width:20%}
.weekly_diseases.on td{ background:#dbecf8 }

.monthly_diseases td { width:50% }
.monthly_diseases.on td{ background:#d8f3ce }

.quarterly_diseases td { width:50% }
.quarterly_diseases.on td{ background:#f5e4c1 }

.other_diseases td { width:50% }

.calendar_daily { border-collapse:collapse }
.calendar_daily td { background:#e7e8e9; border:2px solid #CCC; width:100px; height:52px }
.calendar_daily td .tdfiller { background:#FFF; width:100px; height:50px }

.calendar_weekly { border-collapse:collapse; margin-left: 120px}
.calendar_weekly td{ background:#e7e8e9; border:2px solid #CCC; width:60px; height:50px }
.calendar_weekly td .tdfiller { background:#FFF; width:60px; height:48px }

.calendar_weekly_arrows { margin-top: 18px }
.calendar_weekly_arrows td{ background: url(../images/arrow_left.gif) no-repeat 25px 20px ; width:60px; height:50px }

.calendar_weekly_inputs { border-collapse:collapse; margin-top: 18px }
.calendar_weekly_inputs td{ background:#e7e8e9; border:2px solid #CCC; width:205px; height:50px }

.calendar_monthly { border-collapse:collapse }
.calendar_monthly td{ background:#e7e8e9; border:2px solid #CCC; width:50px; height:40px }
.calendar_monthly td .tdfiller { background:#FFF; width:50px; height:38px }

.calendar_quarterly { border-collapse:collapse; font-size:0.7em; margin-right:14px }
.calendar_quarterly td{ background:#e7e8e9; border:1px solid #CCC; width:25px; height:20px }
.calendar_quarterly td .tdfiller { background:#FFF; width:25px; height:20px }

.countries_table { border-collapse:collapse; margin:10px 0 0 15px }
.countries_table th{ font-size:1.1em; color:#3f5b7a; text-align:left; padding:0 25px 2px 0 }
.countries_table td{ font-size:0.8em ; color:#4f4e4e; font-weight:bold; white-space:nowrap; padding-right:25px }
.countries_table td:hover{ color:#1c6d93 }

.diseases_table { border-collapse:collapse; margin:10px 0 0 35px;}
.diseases_table th{ font-size:1.1em; color:#3f5b7a; text-align:left; padding:0 25px 2px 0; }
.diseases_table td{ font-size:0.8em ; color:#4f4e4e; font-weight:bold; white-space:nowrap; width:18%; }
.diseases_table .d { color:#f12828  }
.diseases_table td.d:hover{ color:#a70505 }
.diseases_table .w { color:#4582c1  }
.diseases_table td.w:hover { color:#225b95  }
.diseases_table .m { color:#6fa92a  }
.diseases_table td.m:hover { color:#1b7f19  }
.diseases_table .q { color:#c57309  }
.diseases_table td.q:hover { color:#8e5711  }
.diseases_table .o { color:#4f4f4e  }
.diseases_table td.o:hover { color:#1b1b1b  }

.table_margin_left { margin:0 0 0 18px}
.table_vertical_top tr{ vertical-align:top}


/* Forms ----------------------------------------------------------------- */
.smallinput { width:32px; height:20px }
.medinput { width:50px; height:18px }
.comments_field_large { width:900px }



/* General Classes ----------------------------------------------------------------- */
.clear { clear:both; padding:0; margin:0 }
.left { float:left }
.right { float:right }
.center { text-align:center }
.middle { vertical-align:middle }
.inline { display:inline }
.ref_blue { display:inline-block; width:8px; height:8px; border:#1f8fcf 2px solid; margin:0 0 0 5px }
.ref_red { display:inline-block; width:8px; height:8px; border:#f32020 2px solid; margin:0 0 0 5px }
.title_big { font-size:2em; color:#000 }
.title_mid { font-size:1.6em; color:#000 }
.title_small { font-size:1.2em; color:#000 }
.title_popup { font-size:1.2em; color:#383737; margin-left:34px }
.small_text { font-size:0.8em; color:#666 }
.blue { border:2px solid #1f8fcf }
.red { border:2px solid #f32020 }
.num { font-size:0.85em; font-weight:bold; padding:2px 0 2px 2px; text-align:left }
.num_week { font-size:0.85em; font-weight:bold; padding:2px 0 2px 2px; text-align:left }
.file01 td { background:#e7e7e7 }
.file02 td { background:#f6f6f6 }
.gbox { background:url(../images/back_gbox.gif) no-repeat center; width:425px; height:372px; padding:25px 10px 10px 10px }
.gbox_large { background:url(../images/back_gbox_large.gif) no-repeat center; width:870px; height:195px; padding:20px 0 0 0}
.pagination { padding:170px 6px 0 6px }
.pagination_q { padding:210px 10px 0 10px }


/* Error Classes ----------------------------------------------------------------- */
.label { background:#009EC1; font-size:0.7em; font-weight:bold; color:#FFF; line-height:11px; width:340px; padding:2px 5px 3px 5px; margin:20px 5px 0 5px }
.error_label { background:#F00; font-size:0.7em; font-weight:bold; color:#FFF; line-height:11px; width:340px; padding:2px 5px 3px 5px; margin:20px 5px 0 5px }
.tit_err, .tit_err span { color:#F00 }
.tit_err td { background:#ff4545}
.tit_err input { border:2px solid #F00 }
.gbox.tit_err { background:url(../images/back_gbox_error.gif) no-repeat center; width:425px; height:372px; padding:25px 10px 10px 10px }
.gbox_large.tit_err  { background:url(../images/back_gbox_large_error.gif) no-repeat center; width:870px; height:195px; padding:20px 0 0 0}
td.tit_err, td.tit_err .tdfiller { background:#ffc2c2; }